* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body,
html {
    width: 100vw;
    height: 100%;
    font-family: sans-serif
}

body {
    overflow-x: hidden
}

img {
    border-style: none
}

li {
    list-style: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #fff
}

a:active,
a:hover {
    outline-width: 0
}

.advImg {
    width: 100%;
    height: 10vh;
    display: block;
    margin: 0 auto
}

.advImg img {
    width: 100%;
    height: 100%;
    float: left
}

.pageTitle {
    width: 33.85vw;
    height: 7.35vh;
    position: absolute;
    left: 32.8vw;
    top: 100px;
    z-index: 101;
    pointer-events: none
}

.root {
    width: 100%;
    overflow: hidden;
    float: left;
    height: 100%;
    background: url(../images/bodyBg.jpg) no-repeat;
    background-size: 100vw 100vh;
    padding: 0 2.257vw
}

.rootLeft,
.rootRight {
    width: 18.37vw;
    float: left;
    margin-top: 11.4vh
}

.rootLeft.leftBg {
    width: 21vw;
    margin-left: 1vw;
    height: 81.5%;
    background: url(../images/left_bg.png) no-repeat;
    background-size: contain;
    margin-top: 11.4vh
}

.rootLeft .rootMiddle {
    width: 42vw;
    margin: 0 auto;
    float: left
}

.hudai_box h3 {
    background: url(../images/line_left.png) no-repeat;
    padding-left: 20px;
    color: #fff;
    font-size: .729vw;
    margin-left: 1.8vw;
    margin-top: .8vw
}

.hudai_box .hudai {
    width: 18vw;
    height: 7vw;
    padding-left: .3vw;
    margin-left: .8vw;
    margin-top: .6vw;
    background: url(../images/hudai_bg.png) no-repeat;
    background-size: contain
}

.hudai_notice {
    width: 18vw;
    height: 4.4vw;
    text-align: center;
    margin-left: .8vw;
    background: url(../images/hudai_notice_bg.png) no-repeat;
    background-size: contain
}

.hudai_notice h4 {
    color: #fff;
    font-size: .781vw;
    padding-top: 1vh
}

.hudai_notice p {
    color: #00d7fe;
    font-size: .781vw
}

.hudai_notice p span {
    color: #fff;
    font-size: .781vw
}

.jinrongfuwu h3 {
    background: url(../images/line_left.png) no-repeat;
    padding-left: 20px;
    color: #fff;
    font-size: .729vw;
    margin-left: 1.8vw
}

.jinrongfuwu .xindaifuwu {
    width: 18vw;
    height: 8.4vw;
    margin-left: .8vw;
    margin-top: .6vw;
    background: url(../images/jinrongfuwu_bg.png) no-repeat;
    background-size: 100%;
    padding-left: 1.5vw
}

.xingyongtixi h3 {
    background: url(../images/line_left.png) no-repeat;
    padding-left: 20px;
    color: #fff;
    font-size: .729vw;
    margin-left: 1.8vw
}

.xingyongtixi .xinyong {
    width: 18vw;
    height: 7vw;
    padding-left: 1.5vw;
    margin-left: .8vw;
    margin-top: .6vw;
    background: rgba(102, 160, 255, .1);
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(24, 147, 254, 1), rgba(25, 190, 255, 1)) 1 1;
    box-shadow: 0 1px 1px 0 rgba(0, 37, 71, .75);
    opacity: .5
}

.rootMiddle {
    width: 53%;
    float: left
}

.rootMiddle .head {
    margin-top: 1.2vw;
    text-align: center;
    margin-bottom: 1vh
}

.rootMiddle .head img {
    width: 38.2vw;
    margin: 0 auto
}

.rootMiddle .map {
    margin-bottom: 1vh
}

.rootMiddle .info {
    width: 48vw;
    height: 44vh;
    margin: 0 auto;
    background: url(../images/mid_info_bg.png) no-repeat;
    background-size: 100% 92%;
    padding-top: .2vw;
    position: relative
}

.info h3 {
    background: url(../images/line_left.png) no-repeat;
    padding-left: 20px;
    color: #fff;
    font-size: .729vw;
    margin-top: .8vw;
    margin-left: 3vw;
    margin-bottom: .4vw
}

.info .info_bg {
    width: 44vw;
    height: 15vh;
    margin: 0 auto;
    background: url(../images/info_bg.png) no-repeat;
    background-size: 100% 97%;
    margin-left: 1.2vw
}

.info .info_bg p {
    color: #01c3ff;
    font-size: .781vw;
    padding: 20px;
    line-height: 1vw
}

.info .info_bg p span {
    color: #fff;
    font-size: .833vw;
    line-height: 1.6vw
}

.btn_box {
    width: 44vw;
    margin-left: 1.2vw;
    padding-left: .2vw
}

.btn_box span {
    width: 6vw;
    height: 4.5vh;
    line-height: 4.5vh;
    font-size: .625vw;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: url(../images/zhen_btnbg.png) no-repeat;
    cursor: pointer
}

.fupinchengji {
    text-align: center;
    width: 14.4vw;
    height: 4.5vh;
    line-height: 4.5vh;
    font-size: .625vw;
    color: #fff;
    background: url(../images/fupinchengji.png) no-repeat;
    position: absolute;
    left: 15vw;
    top: .2vw
}

.fupinchengji h5 {
    background: url(../images/danghui.png) no-repeat 0;
    padding-left: 6px;
    color: #fff;
    font-size: .729vw;
    margin-left: 2vw
}

.rootRight {
    float: right
}

.rootRight.rightBg {
    width: 21vw;
    padding-left: 2.2vw;
    margin-right: 1vw;
    height: 81.5%;
    background: url(../images/right_bg.png) no-repeat;
    background-size: contain
}

.canye_box {
    margin-top: .6vw
}

.canye_box h3 {
    background: url(../images/line_left.png) no-repeat;
    padding-left: 20px;
    color: #fff;
    font-size: .729vw;
    margin-left: 1.8vw;
    margin-bottom: 1vh
}

.canye_box .btn {
    width: 17.6vw;
    height: 10.4vw
}

.btn .navlist {
    width: 18vw;
    height: 2.2vw;
    margin-bottom: 1vh;
    display: flex;
    padding-left: .4vw;
    padding-top: 2vh
}

.btn .navlist span {
    width: 3.4vw;
    height: 4.5vh;
    line-height: 3.6vh;
    font-size: .625vw;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: url(../images/hezuoshe_bg.png) no-repeat;
    background-size: 106% 87%;
    padding-top: .2vh;
    padding-left: .4vh
}

.btn .contlist {
    width: 18vw;
    margin-bottom: 1vh;
    padding-left: .6vw;
    padding-top: 2vh;
    text-align: left
}

.btn .contlist span {
    width: 3.2vw;
    height: 3.6vh;
    line-height: 3.6vh;
    font-size: .625vw;
    color: #fff;
    text-align: center;
    background: rgba(0, 55, 79, 1);
    box-shadow: 0 0 16px 0 rgba(0, 216, 245, .5);
    padding-top: .2vh;
    padding-left: .4vh;
    display: inline-block
}

.canye_box .canye_bg {
    width: 18vw;
    height: 16.4vw;
    background: url(../images/canye_bg.png) no-repeat;
    color: #01c3ff;
    font-size: .781vw;
    font-weight: 700;
    text-align: center;
    background-size: contain
}

.canye_box .canye_bg .cont {
    width: 16.4vw;
    height: 4.2vw;
    background: rgba(0, 55, 79, 1);
    box-shadow: 0 0 16px 0 rgba(0, 216, 245, .5);
    margin-left: .6vw
}

.canye_box .canye_bg p {
    color: #00d7fe;
    font-size: .625vw;
    line-height: 1vw;
    text-align: left;
    padding: .4vw
}

.canye_box .canye_bg .cont span {
    color: #fff;
    font-size: .781vw
}

.hezuoshe h3 {
    background: url(../images/line_left.png) no-repeat;
    padding-left: 20px;
    color: #fff;
    font-size: .729vw;
    margin-left: 1.8vw;
    margin-bottom: 1vh
}

.hezuoshe .hezuosheMap {
    width: 18vw;
    height: 2.2vw;
    background: rgba(102, 160, 255, .1);
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(24, 147, 254, 1), rgba(25, 190, 255, 1)) 1 1;
    box-shadow: 0 1px 1px 0 rgba(0, 37, 71, .75);
    opacity: .8;
    margin-bottom: 1vh;
    display: flex
}

.hezuoshe .hezuosheNumMap {
    width: 18vw;
    height: 2.8vw;
    background: rgba(102, 160, 255, .1);
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(24, 147, 254, 1), rgba(25, 190, 255, 1)) 1 1;
    box-shadow: 0 1px 1px 0 rgba(0, 37, 71, .75);
    opacity: .5;
    margin-bottom: 1vh
}

.hezuoshe .hezuosheNumMap .hezuosheNum_bg {
    width: 17.6vw;
    height: 2.4vw;
    line-height: 2.4vw;
    background: url(../images/hezuosheNum_bg.png) no-repeat;
    color: #01c3ff;
    font-size: .781vw;
    font-weight: 700;
    text-align: center
}

.hezuosheNumMap .hezuosheNum_bg span {
    color: #fff!important;
    font-size: .833vw
}

.fengxianjin h3 {
    background: url(../images/line_left.png) no-repeat;
    padding-left: 20px;
    color: #fff;
    font-size: .729vw;
    margin-left: 1.8vw;
    margin-bottom: 1vh
}

.fengxianjin .fengxianjinMap {
    width: 18vw;
    height: 7vw;
    padding-left: 1.5vw;
    background: rgba(102, 160, 255, .1);
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(24, 147, 254, 1), rgba(25, 190, 255, 1)) 1 1;
    box-shadow: 0 1px 1px 0 rgba(0, 37, 71, .75);
    opacity: .5
}

.hezuoshe .hezuosheMap span {
    width: 5.2vw;
    height: 4.5vh;
    line-height: 4.1vh;
    font-size: .625vw;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: url(../images/hezuoshe_bg.png) no-repeat;
    background-size: cover;
    padding-top: .2vh;
    padding-left: .4vh
}

.frame-border {
    position: relative;
    float: left
}

.frame-border .title {
    position: absolute;
    top: -1.1vh;
    text-align: center;
    width: 100%;
    z-index: 2
}

.frame-border .title .text {
    display: inline-block;
    background: #001020;
    padding: 0 .52vw;
    color: #fff;
    letter-spacing: .07vw;
    text-align: center;
    font-size: .625vw;
    font-weight: 700
}

.frame-border .corner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.frame-border .corner div {
    position: absolute;
    width: 50%;
    height: 50%
}

.frame-border .corner .top-left {
    background: -webkit-linear-gradient(-45deg, #16ffff 1%, #16729e 10px);
    top: 0;
    left: 0
}

.frame-border .corner .top-right {
    background: -webkit-linear-gradient(225deg, #16ffff 1%, #16729e 10px);
    top: 0;
    right: 0
}

.frame-border .corner .bottom-left {
    background: -webkit-linear-gradient(45deg, #16ffff 1%, #16729e 10px);
    bottom: 0;
    left: 0
}

.frame-border .corner .bottom-right {
    background: -webkit-linear-gradient(135deg, #16ffff 1%, #16729e 10px);
    bottom: 0;
    right: 0
}

.frame-border .content-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .185vh .104vw
}

.frame-border .content-border .content {
    background: #001020;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.swiperTypePage {
    bottom: .154vh!important
}

.swiper-pagination-bullet {
    width: .521vw;
    opacity: 1;
    height: .309vh;
    background: #808890;
    border: .035vw solid #fff
}

.swiper-pagination-bullet-active {
    background: #0273bd;
    border-color: #039dff
}

.left-top {
    height: 14.25vh;
    width: 100%
}

.generalizeCon {
    padding: 2vh .1vw 0;
    width: 100%;
    float: left
}

.left-top .row2 {
    padding-top: 1.6vh!important
}

.generalizeCon div {
    width: 25%;
    float: left;
    text-align: center
}

.generalizeCon div:first-child {
    width: 23%
}

.generalizeCon div:last-child {
    width: 27%
}

.generalizeCon div p:last-child {
    font-size: .347vw;
    color: #fff
}

.generalizeCon div p:first-child {
    font-size: .347vw;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: .4vh
}

.generalizeCon div p:first-child span {
    font-size: 1.04vw;
    margin-right: .1vw
}

.generalizeCon div:first-child p:first-child {
    color: #09cefc
}

.generalizeCon div:nth-child(2) p:first-child {
    color: #09a6f7
}

.generalizeCon div:nth-child(3) p:first-child {
    color: #0a82ff
}

.generalizeCon div:last-child p:first-child {
    color: #7665ff
}

.marginTop {
    margin-top: 1.54vh
}

.left-top .row2 div:first-child p:first-child {
    color: #ffd900
}

.left-top .row2 div:nth-child(2) p:first-child {
    color: #ffad00
}

.left-top .row2 div:nth-child(3) p:first-child {
    color: #e26f04
}

.left-top .row2 div:last-child p:first-child {
    color: #ff631d
}

.left-bar-line {
    width: 100%;
    height: 18.669vh
}

.left-bar-line .swiper-slide {
    padding: 1vh .2vw 0
}

.bar-line-box {
    width: 70%;
    float: left;
    height: 100%;
    color: #fff
}

.loop-box {
    width: 30%;
    float: right;
    height: 100%
}

.loopCon {
    width: 100%;
    height: 52%;
    float: left
}

.pieCon {
    width: 100%;
    height: 50%;
    float: left
}

.left-legend {
    float: left
}

.left-legend ul {
    float: left;
    color: #fff;
    font-size: .35vw
}

.left-legend ul li {
    float: left;
    margin: 0 0 .6vh .6vw
}

.left-legend ul li .text {
    float: left
}

.left-legend ul li .icon,
.mapLegend ul li .icon {
    float: left;
    border: .04vh solid;
    width: .37vw;
    height: .66vh;
    box-sizing: content-box;
    margin: .4vh .2vw 0 0
}

.loopLegend ul li .icon.b1 {
    background: #045d90;
    border-color: #0adffd
}

.loopLegend ul li .icon.b2 {
    background: #3e8212;
    border-color: #8ffd00
}

.loopLegend ul li .icon.b3 {
    background: #807313;
    border-color: #fdf000
}

.cross-bar-box {
    width: 61%
}

.pie-box {
    width: 39%
}

.pieLegend ul li {
    width: auto;
    float: left;
    margin: 0 .2vw .5vh 0
}

.pieLegend ul li .icon.b1 {
    background: #045d90;
    border-color: #0adffd
}

.pieLegend ul li .icon.b2 {
    background: #3e8212;
    border-color: #8ffd00
}

.pieLegend ul li .icon.b3 {
    background: #807313;
    border-color: #fdf000
}

.pieLegend ul li .icon.b4 {
    background: #772730;
    border-color: #de7779
}

.pieLegend ul li .icon.b5 {
    background: #401870;
    border-color: #be43f4
}

.pieLegend ul li .icon.b6 {
    background: #004379;
    border-color: #0074ce
}

.newsBlock {
    width: 100%;
    float: left;
    height: 18.709vh
}

.block-frame {
    padding: 1.2vh .6vw 0;
    height: 100%
}

.newsList .nav-tab {
    width: 100%;
    height: 2.35vh;
    border: .035vw solid #09d4ff
}

.newsList .nav-tab li {
    width: 33.3%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 2.35vh;
    font-size: .3125vw;
    background: #0273bd;
    border-right: .035vw solid #09d4ff;
    color: #fff
}

.newsList .nav-tab li:last-child {
    border: none
}

.newsList .nav-tab li.selected {
    background: #09d4ff;
    width: 33.4%
}

.newsList .tab-panel {
    position: relative;
    width: 100%;
    height: 100%;
    padding: .6vh 0
}

.newsList .tab-panel li {
    position: absolute;
    width: 100%;
    height: 100%
}

.newsList .tab-panel li a {
    display: block;
    font-size: .3125vw;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 3px;
    margin-bottom: .25vh
}

.newsList .tab-panel li a.later8 {
    display: none
}

.measuresBlock {
    width: 100%;
    height: 17.28vh;
    float: left
}

.measuresType,
measuresList {
    width: 100%;
    height: 100%;
    float: left;
    padding: .5vh 0
}

.measuresType a {
    display: block;
    width: 32%;
    height: 4.2vh;
    float: left;
    margin: 0 2% .6vh 0;
    text-align: center;
    background: #005e96;
    font-size: .3125vw;
    padding-top: .3vh;
    border: .035vw solid #0aa2f2;
    cursor: pointer;
    position: relative
}

.measuresType a:nth-child(3n+3) {
    margin-right: 0
}

.measuresList {
    display: none;
    position: relative;
    height: 14.2vh;
    width: 100%;
    float: left;
    border: .069vw solid #039dff;
    background: #012447;
    float: right;
    margin-top: .5vh
}

.measuresList .slide-measures-list li a {
    width: 100%;
    display: block;
    float: left;
    font-size: .3125vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
    line-height: 2.05vh
}

.measuresList .slide-measures-list {
    width: 100%;
    float: left;
    color: #fff;
    margin: .3vh 0 0 0;
    height: 11vh;
    padding: 0 .3125vw;
    overflow: hidden
}

.measuresList .slide-measures-list li {
    height: 2.11vh;
    list-style: none;
    margin: 0;
    width: 100%;
    float: left
}

.measuresList .slide-measures-list li a {
    display: inline-block;
    float: left;
    cursor: pointer
}

.measuresList .slide-measures-list li a span {
    display: inline-block;
    height: 100%;
    line-height: 2.11vh;
    font-size: .35vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: .06vh solid #16729e;
    float: left;
    text-align: center
}

.returnBtn {
    position: absolute;
    cursor: pointer;
    top: -1.9vh;
    right: -.6vw;
    color: #0aa2f2;
    font-style: normal;
    font-size: .35vw;
    z-index: 150
}

.resultCon {
    overflow: hidden
}

.achievement-part .content-frame {
    padding-top: .5vh;
    height: 100%
}

.achievement-part {
    width: 100%;
    height: 100%;
    float: left
}

.achievement-part .content-frame span {
    float: left;
    width: 5.4vw;
    height: 5.99vh;
    margin-right: .3vw;
    position: relative
}

.achievement-part .content-frame span div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/achievement/02.jpg) no-repeat;
    background-size: 100%;
    display: flex
}

.achievement-part .content-frame span div img {
    display: block;
    margin: auto;
    width: .97vw;
    height: 1.73vh
}

.achievement-part .content-frame span:first-child,
.achievement-part .content-frame span:nth-child(2),
.achievement-part .content-frame span:nth-child(3) {
    margin-bottom: .35vw
}

.achievement-part .content-frame span:nth-child(3n+3) {
    margin-right: 0
}

.content-frame span video {
    width: 100%;
    height: 100%;
    float: left
}

.achievement-part .content-frame span img {
    width: 100%;
    height: 100%;
    float: left
}

.resultBlock {
    width: 100%;
    float: left;
    height: 36.28vh;
    padding: .8vh .6vh
}

.resultBlock .content {
    padding: 0 .6vw
}

.resultBlock .msgTop {
    width: 100%;
    height: 5.25vh;
    float: left;
    margin-top: .5vh
}

.resultBlock .msgTop .msgTopBlock {
    width: 50%;
    height: 100%;
    float: left;
    display: table;
    color: #fff
}

.resultBlock .msgTop .msgTopBlock i {
    display: table-cell;
    vertical-align: middle;
    width: 2.16vw;
    padding: 0 .2vw
}

.resultBlock .msgTop .msgTopBlock i img {
    width: 2.16vw;
    height: 3.21vh
}

.resultBlock .msgTop .msgTopBlock div {
    display: table-cell;
    vertical-align: middle
}

.resultBlock .msgTop .msgTopBlock div span {
    font-size: .35vw;
    display: block;
    color: #7cf102
}

.resultBlock .msgTop .msgTopBlock div:nth-child(2) span {
    color: #09d4ff
}

.resultBlock .msgTop .msgTopBlock div span code {
    font-size: 1.04vw;
    font-style: normal
}

.resultBlock .msgTop .msgTopBlock div p {
    display: block;
    font-size: .35vw
}

.msgMsgScroll {
    width: 100%;
    border: .069vw solid #039dff;
    background: #012447;
    height: 28.45vh;
    float: right;
    margin-top: .5vh
}

.measuresList .listTitle,
.msgMsgScroll .listTitle {
    width: 100%;
    height: 2.16vh;
    float: left;
    color: #039dff;
    border-bottom: .06vh solid #039dff
}

.measuresList .listTitle span,
.msgMsgScroll .listTitle span {
    float: left;
    text-align: center;
    line-height: 2.16vh;
    font-size: .52vw
}

.measuresList .listTitle span:first-child,
.measuresList .slide-measures-list li a span:first-child,
.msgMsgScroll .listTitle span:first-child,
.slide-list li span:first-child {
    width: 28%
}

.measuresList .listTitle span:nth-child(2),
.measuresList .slide-measures-list li a span:nth-child(2),
.msgMsgScroll .listTitle span:nth-child(2),
.slide-list li span:nth-child(2) {
    width: 32%
}

.measuresList .listTitle span:last-child,
.measuresList .slide-measures-list li a span:last-child,
.msgMsgScroll .listTitle span:last-child,
.slide-list li span:last-child {
    width: 40%
}

.slide-container {
    position: relative;
    height: 25.6vh;
    width: 100%;
    overflow: hidden
}

.slide-list {
    width: 100%;
    height: 25.6vh;
    float: left;
    color: #fff;
    padding: 0 .3125vw
}

.slide-list li {
    height: 2.11vh;
    list-style: none;
    margin: 0;
    width: 100%;
    float: left
}

.slide-list li span {
    display: inline-block;
    height: 100%;
    line-height: 2.11vh;
    font-size: .35vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: .06vh solid #16729e;
    float: left;
    text-align: center
}

.rootMedium {
    width: 56.98vw;
    float: left;
    margin-left: .87vw;
    position: relative;
    height: 100%;
    padding-top: 5.49vh
}

.rootMedium .logList {
    width: 100%;
    height: 6.79vh;
    position: absolute;
    bottom: 3.8vh
}

.map {
    width: 40.9vw;
    overflow: hidden;
    height: 42.94vh;
    margin: 0 auto;
    border: 4px solid #28529b;
    border-radius: 6px;
    padding: 4px
}

.mapOut {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    pointer-events: none
}

.mapRight {
    height: 100%;
    border: .104vw solid #16729e;
    width: 18.2vw;
    position: absolute;
    right: -18.304vw;
    top: 0;
    z-index: 10;
    background: #001020
}

.flag {
    width: 1.04vw;
    height: 1.04vw;
    position: absolute;
    z-index: 11;
    top: .15vh;
    left: 4.6vw
}

#myMap {
    width: 100%;
    height: 100%;
    z-index: 8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.tip {
    position: absolute;
    color: #333;
    -webkit-user-select: none;
    white-space: nowrap
}

.tip h2 {
    font-size: 1.04vw;
    white-space: nowrap;
    padding: .3vw .6vw;
    background: #fff;
    font-weight: 400;
    border-radius: .2vw
}

.tip h2::before {
    content: '';
    width: .8vw;
    height: .8vw;
    position: absolute;
    border-radius: .2vh;
    right: -.3vw;
    top: .5vw;
    background: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.water {
    position: absolute;
    width: 70px;
    height: 70px;
    -webkit-user-select: none;
    border: none;
    background: 0 0
}

.countryMap {
    width: 100%;
    height: 41.3vh;
    position: relative;
    overflow: hidden
}

.countryMsg {
    position: absolute;
    left: 1.08vw;
    top: 5.062vh;
    z-index: 30;
    pointer-events: none
}

.countryName {
    width: 100%;
    float: left;
    color: #fff;
    font-size: .625vw
}

.countryNum {
    width: 3.4vw;
    height: auto;
    margin-top: .5vh;
    float: left;
    background: rgba(16, 121, 191, .5);
    border: .069vw solid #09d4ff;
    padding: .3vw
}

.countryNum li {
    width: 100%;
    float: left;
    border-bottom: .052vw dashed #0a9bc5;
    color: #fff;
    margin-bottom: .6vw;
    padding-bottom: .3vh
}

.countryNum li p {
    font-size: .35vw
}

.countryNum li:last-child {
    border: none;
    margin-bottom: 0
}

.countryNum li p span {
    font-size: 1.042vw
}

.countryNum li i {
    font-style: normal;
    font-size: .71vh;
    float: left
}

.mapRightFoot {
    width: 100%;
    float: left;
    border-top: .104vw solid #16729e
}

.mapRightFoot .tabCon {
    float: left;
    width: 100%
}

.mapLegend {
    width: 13.54vw;
    height: auto;
    position: absolute;
    z-index: 20;
    background: url(../images/legendBj.png) no-repeat;
    background-size: 100% 100%;
    bottom: 46.6vh;
    left: 2.33vw;
    padding: .2vh 0 0 .2vw
}

.areaMapLegend {
    width: 11.1vw;
    bottom: .31vh;
    left: 3.39vw;
    position: absolute;
    z-index: 99999;
    background: url(../images/legendBj3.png) no-repeat;
    background-size: 100% 100%;
    height: 2.41vh
}

.mapLegend ul {
    font-size: .35vw;
    width: 100%;
    float: left;
    color: #fff;
    padding-left: .6vw
}

.areaMapLegend ul {
    padding-left: 1.2vw
}

.mapLegend ul li {
    float: left;
    line-height: 2.41vh;
    margin-left: .625vw
}

.areaMapLegend ul li {
    margin-right: .6vw
}

.mapLegend ul li .text {
    float: left
}

.mapLegend ul li .icon {
    margin-top: .8vh
}

.mapLegend ul li .icon.b1 {
    background: #056690;
    border-color: #07d4ff
}

.mapLegend ul li .icon.b2 {
    background: #336619;
    border-color: #79f200
}

.mapLegend ul li .icon.b3 {
    background: #816e10;
    border-color: #ffd002
}

.mapLegend ul li .icon.b4 {
    background: #772730;
    border-color: #fe797c
}

.mapLegend ul li .icon.b5 {
    background: #818890;
    border-color: #fefeff
}

.renshejuTitle {
    text-align: center;
    padding-top: .6vw;
    color: #fff;
    font-size: 1.11vh;
    margin-bottom: .52vw
}

.renshejuTitle span {
    font-size: .74vh;
    display: block;
    margin-top: .2vh
}

.mapRightTable {
    width: 100%;
    float: left;
    height: auto
}

.renshejuTable {
    color: #fff;
    width: 16.08vw;
    margin-left: .66vw;
    border: .035vw solid #16729e;
    border-collapse: collapse
}

.renshejuTable td,
.renshejuTable th {
    border: .035vw solid #16729e;
    border-collapse: collapse
}

.renshejuTable th {
    font-size: .52vw;
    color: #039dff;
    text-align: center;
    height: 2.72vh;
    padding: 0 .2vw
}

.renshejuTable td {
    padding: .52vw 0
}

.renshejuTable td span {
    display: block;
    font-size: .35vw;
    width: 100%;
    padding-left: 6%;
    margin-bottom: .3vh
}

.mediumList,
.situation {
    width: 16.08vw;
    margin-left: .66vw;
    float: left;
    color: #fff
}

.curSituationTit {
    width: 100%;
    text-align: center;
    border-bottom: .035vw solid #16729e;
    padding: .6vw 0 .3vw
}

.situationCon {
    width: 100%;
    float: left
}

.situationCon .situationRow {
    width: 100%;
    float: left
}

.situationCon .situationRow div {
    width: 50%;
    float: left;
    margin-top: 1.54vh
}

.situationCon .situationRow div i {
    width: 1.63vw;
    height: 1.42vw;
    display: block;
    float: left;
    margin: .3vh .2vw 0 0
}

.situationCon .situationRow:first-child div:first-child i {
    background: url(../images/ico1.png) no-repeat;
    background-size: contain
}

.situationCon .situationRow:first-child div:nth-child(2) i {
    background: url(../images/ico2.png) no-repeat;
    background-size: contain
}

.situationCon .situationRow:nth-child(2) div:first-child i {
    background: url(../images/ico3.png) no-repeat;
    background-size: contain
}

.situationCon .situationRow:nth-child(2) div:nth-child(2) i {
    background: url(../images/ico4.png) no-repeat;
    background-size: contain
}

.situationCon .situationRow:nth-child(3) div:first-child i {
    background: url(../images/ico5.png) no-repeat;
    background-size: contain
}

.situationCon .situationRow:nth-child(3) div:nth-child(2) i {
    background: url(../images/ico6.png) no-repeat;
    background-size: contain
}

.situationCon .situationRow:nth-child(4) div:first-child i {
    background: url(../images/ico7.png) no-repeat;
    background-size: contain
}

.situationCon .situationRow div.finished:first-child i {
    background: url(../images/ico1On.png) no-repeat;
    background-size: contain
}

.situationCon .situationRow div p {
    font-size: .52vw;
    width: 6.21vw;
    float: left
}

.situationCon .situationRow div p span {
    display: block;
    font-size: .35vw
}

.situationCon .situationRow div.finished p {
    color: #ef5e07
}

.leaderTitle {
    text-align: center;
    width: 100%;
    height: 3.58vh;
    line-height: 3.58vh;
    border-bottom: .035vw solid #16729e;
    color: #fff;
    font-size: 1.11vh
}

.mediumList {
    position: relative
}

.leaderTit {
    width: 100%;
    float: left;
    font-size: .93vh;
    color: #039dff;
    height: 1.22vw;
    line-height: 1.22vw;
    border-bottom: .035vw solid #039dff
}

.leaderTit span {
    text-align: center;
    float: left;
    text-align: center
}

.leaderList {
    width: 100%;
    float: left;
    height: 38vh;
    position: relative;
    overflow: hidden
}

.leaderList ul {
    padding: 0!important;
    height: 38vh
}

.leaderList ul li {
    height: 1.98vh
}

.leaderList li span:first-child,
.leaderTit span:first-child {
    width: 21%
}

.leaderList li span:nth-child(2),
.leaderTit span:nth-child(2) {
    width: 30%
}

.leaderList li span:nth-child(3),
.leaderTit span:nth-child(3) {
    width: 22%
}

.leaderList li span:last-child,
.leaderTit span:last-child {
    width: 27%
}

.ifShowMap {
    position: absolute;
    font-size: .35vw;
    color: #fff;
    right: .104vw;
    width: .8vw;
    height: 6.17vh;
    background: rgba(21, 92, 236, .5);
    z-index: 12;
    top: 4.32vh;
    font-style: normal;
    line-height: 6.17vh;
    text-align: center;
    -webkit-border-radius: .104vw 0 0 .104vw;
    -moz-border-radius: .104vw 0 0 .104vw;
    border-radius: .104vw 0 0 .104vw;
    cursor: pointer
}

.logCon {
    position: relative;
    padding-left: 1.04vw
}

.bellIco {
    width: 1.65vw;
    float: left;
    height: 1.65vw;
    display: block;
    background: url(../images/bellIco.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 1.72vh
}

.slide-log-container {
    position: relative;
    overflow: hidden;
    height: 6.79vh;
    width: 52.08vw
}

.slide-log-list {
    width: 100%;
    float: left;
    color: #fff;
    padding-right: .38vw;
    height: 6.79vh;
    background: url(../images/yLine.png) repeat-x left 3.21vh
}

.slide-log-list li {
    height: 6.79vh;
    width: 100%;
    float: left
}

.slide-log-list li div {
    display: inline-block;
    height: 100%;
    line-height: 6.79vh;
    font-size: .52vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 17%;
    margin-left: 3%;
    position: relative;
    background: #001020
}

.slide-log-list li div::after,
.slide-log-list li div::before {
    content: '';
    width: .24vw;
    height: .38vw;
    position: absolute;
    left: -.36vw;
    padding: 0 .14vw 0 0;
    top: 2.98vh;
    background-color: #001020;
    background-image: url(../images/leftIco.png);
    background-repeat: no-repeat;
    background-size: contain
}

.slide-log-list li div::after {
    left: auto;
    right: -.36vw;
    padding: 0 0 0 .14vw;
    background-image: url(../images/rightIco.png);
    background-repeat: no-repeat;
    background-size: contain
}

.logoImg {
    width: 100%;
    height: 1.98vh;
    position: absolute;
    left: 0;
    bottom: 12.9vh;
    text-align: center
}

.logoImg img {
    height: 1.98vh;
    width: 7.57vw
}

.right-top {
    width: 100%;
    float: left;
    height: 20vh
}

.title .text span {
    display: block;
    font-size: .8vw
}

.measureBoxRight a {
    background: #08121f
}

.measureBoxRight a.on {
    background: #005e96
}

.measureBoxRight a.on::before {
    content: '';
    width: .66vw;
    height: .66vw;
    position: absolute;
    right: -.2vw;
    bottom: -.2vw;
    background: url(../images/selectedIco.png) no-repeat;
    background-size: contain
}

.povertyMsgBlock {
    width: 100%;
    height: 19.5vh;
    float: left;
    color: #fff
}

.swiper-msg .swiper-slide {
    padding: 1.42vh 0 1.3vh .4vw
}

.swiperMsgPage {
    bottom: .25vw!important
}

.familyImg {
    width: 15vh;
    height: 15vh;
    float: left;
    border: .068vw solid #cfd8e1;
    overflow: hidden
}

.swiper-photo .swiper-slide {
    padding: 0
}

.familyImg img {
    float: left;
    width: 100%;
    height: 100%
}

.familyMsg {
    float: left;
    font-size: .35vw;
    margin-left: .4vw;
    width: 8vw
}

.familyMsg p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    float: left
}

.peopleMsg div {
    width: 48%;
    margin-right: 1%;
    padding: .2vh .4vw;
    height: 16.37vh;
    float: left;
    font-size: .35vw;
    background: #00385d;
    border: 1px solid #0ba6ff
}

.leaderLogBlock {
    width: 100%;
    height: 19vh;
    float: left
}

.leaderLogBlock .content {
    padding: 1.3vh .6vw
}

.leaderLeft {
    width: 6.5vw;
    height: auto;
    float: left;
    color: #fff;
    font-size: .35vw
}

.leaderPhoto {
    width: 4.79vw;
    height: 10vh;
    float: left;
    border: .069vw solid #cfd8e1;
    margin-bottom: .4vh;
    overflow: hidden
}

.leaderPhoto img {
    width: 100%;
    height: 100%;
    float: left
}

.leaderIntro {
    width: 100%;
    float: left
}

.leaderIntro p {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-bottom: .2vh
}

.leaderLog {
    width: 10.39vw;
    height: 16vh;
    float: left;
    font-size: .35vw;
    color: #fff;
    overflow: hidden
}

.leaderLog ul {
    width: 100%
}

.leaderLog ul li {
    margin-bottom: .35vw;
    width: 100%;
    float: left;
    border: .069vw solid #0ba6ff;
    background: #0ba6ff
}

.leaderLog ul li div {
    width: 100%;
    height: 1.73vh;
    float: left;
    line-height: 1.73vh;
    text-align: center
}

.leaderLog ul li p {
    width: 100%;
    float: left;
    text-indent: 2em;
    background: #005e96;
    padding: .3vh .3vw
}

.str_wrap {
    background: 0 0
}

.overcomePovertyMsgBlock {
    width: 100%;
    height: 30.62vh;
    float: left
}

.overcomePovertyMsgBlock .content {
    padding: 1.39vh .6vw
}

.overcomePovertyBox {
    width: 8.09vw;
    height: 8.58vh;
    float: left;
    color: #fff;
    background: #ef5e07;
    margin-bottom: .6vw;
    display: table;
    padding: 0 .6vw
}

.overcomePovertyBox i {
    display: table-cell;
    vertical-align: middle;
    width: 1.25vw
}

.overcomePovertyBox i img {
    width: 1.25vw;
    height: 2.28vh
}

.overcomePovertyBox div {
    display: table-cell;
    vertical-align: middle;
    padding-left: .417vw
}

.overcomePovertyBox div p {
    font-size: .52vw
}

.overcomePovertyBox div span {
    font-size: .35vw
}

.boxOn {
    background: #005e96!important
}

.overcomePovertyBox:nth-child(2n+2) {
    float: right
}

.recordBlock {
    width: 100%;
    height: 49.3vh;
    float: left
}

.recordBlock .content {
    padding: 1.23vh .6vw
}

.recordBlock .swiper-record {
    width: 100%;
    height: 17.9vh;
    overflow: hidden;
    border: .123vh solid #cfd8e1;
    position: relative
}

.recordBlock .swiper-record .swiper-slide img {
    width: 100%;
    height: 100%;
    float: left
}

.recordBlock .recordSwiperPage {
    bottom: 0;
    background: rgba(0, 0, 0, .7)
}

.timeLineOut {
    width: 100%;
    margin-top: 2vh;
    height: 26.6vh;
    float: left
}

.timeLine {
    width: 100%;
    height: 27.6vh;
    padding-left: 3.7vw;
    color: #fff;
    font-size: .35vw
}

.timeLine ul {
    width: 100%;
    float: left
}

.timeLine li {
    border-left: .123vh solid #16729e;
    padding-left: .9375vw;
    float: left;
    position: relative;
    padding-bottom: 1.23vh
}

.timeLine li span {
    position: absolute;
    left: -3.7vw;
    top: -.4vw
}

.timeLine li::before {
    content: '';
    width: .417vw;
    height: .417vw;
    position: absolute;
    background: #0ba6ff;
    border: .123vh solid #005e96;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -.3vw;
    top: -.3vw
}

.timeLine li:hover::before {
    background: #fff
}

.timeLine li div {
    width: 12vw;
    padding: .123vh;
    float: left;
    position: relative;
    background: #0ba6ff
}

.timeLine li div h2 {
    width: 100%;
    line-height: 1.85vh;
    padding-left: .6vw;
    float: left;
    font-size: .93vh;
    height: 1.85vh
}

.timeLine li div::before {
    content: '';
    width: 1.2vh;
    height: 1.2vh;
    background: #0ba6ff;
    position: absolute;
    left: -.2vw;
    top: .4vh;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.timeLine li div p {
    width: 100%;
    padding: .2vw;
    background: #005e96;
    float: left;
    text-indent: 2em
}

.workTeam {
    width: 100%;
    height: 20vh;
    float: left
}

.workTeam .content {
    padding: 2vh 0 0 .6vw
}

.workTeamBox li {
    width: 25%;
    height: 100%;
    float: left
}

.workTeamBox li .photo {
    width: 2.85vw;
    height: 6.79vh;
    margin: 0 auto
}

.workTeamBox li .photo img {
    width: 100%;
    height: 100%
}

.workTeamBox li .intro {
    color: #fff;
    font-size: .35vw
}

.workTeamBox li .intro span {
    display: block;
    float: left;
    width: 100%
}

.popup {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 102
}

.show {
    position: absolute;
    display: none;
    z-index: 103;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.show img.big {
    border: .2vw solid #fff;
    box-shadow: .3vw .3vw .3vw #000;
    border-radius: .5vw;
    float: left;
    max-height: 80vh
}

.industryOutOfPoverty_3content {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    float: left;
    padding: .5vh 0;
    color: #fff;
    font-size: .347vw;
    text-align: left
}

.industryOutOfPoverty_3content>span {
    margin-right: 10px
}

.industryOutOfPoverty_3content .returnBtn {
    position: absolute;
    cursor: pointer;
    top: -1.2vh;
    right: -.4vw;
    color: #0aa2f2;
    font-style: normal;
    font-size: .35vw;
    z-index: 150
}

.partyFlag {
    width: 1.04vw;
    height: 1.04vw;
    display: block;
    position: absolute;
    left: .1vw;
    top: .1vw
}

.partyFlag img {
    width: 100%;
    height: 100%;
    float: left
}

.partyLeft {
    width: 32%;
    float: left;
    overflow: hidden;
    height: 100%
}

.partyLeft .swiper-slide img {
    width: 100%;
    margin-top: 1.44vw;
    height: 11vh;
    border: 1px solid #cfd8e1;
    float: left
}

.partyLeft .swiper-slide p {
    width: 100%;
    float: left;
    color: #fff;
    font-size: .35vw;
    text-align: center;
    margin-top: .4vw
}

.partyRight {
    width: 68%;
    float: right;
    padding-left: .6vw;
    color: #fff
}

.partyRight h3 {
    width: 100%;
    text-align: center;
    float: left;
    font-size: .7vw;
    margin: 1vh 0 .2vh 0
}

.partyRight p {
    text-indent: 2em;
    font-size: .35vw;
    padding-bottom: .2vw;
    color: #ffd900
}

.partyList {
    width: 100%;
    font-size: .35vw;
    float: left
}

.partyList li {
    margin-bottom: .5vh;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.djfp {
    position: relative;
    padding: 0 .3vw 0 .6vw
}

.loginCon {
    width: 24vw;
    margin: 0 auto;
    padding-top: 20vh
}

.loginCon div {
    width: 100%;
    float: left;
    margin-bottom: 1vw
}

.loginCon div input {
    width: 100%;
    height: 2.5vw;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    border: 2px solid #eee;
    font-size: 1.04vw;
    padding: 0 .6vw;
    outline: 0
}

.loginCon div a {
    display: block;
    width: 100%;
    height: 2.5vw;
    float: left;
    margin-top: .6vw;
    background: rgba(21, 92, 236, .5);
    border-radius: 5px;
    text-align: center;
    font-size: 1.04vw;
    line-height: 2.5vw;
    cursor: pointer
}